bg {
    padding: 0;
    margin: 0;
    display: block;
}
.root{
-fx-focus-color:transparent;
-fx-faint-focus-color:transparent;
}


#diy-border {
    -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-border-width: 0;
}

.white-bg {
    -fx-background-color: white;
}

.bg {
    -fx-background-color: transparent;
}

#diy-button {
    -fx-border-color: #716A94;
    -fx-border-radius: 30;
    -fx-border-width: 1;
    -fx-background-color: transparent;
    -fx-text-fill: #716A94;

}

#diy-button:pressed {
    -fx-background-color: #716A94;
    -fx-border-color: #716A94;
    -fx-border-radius: 30;
    -fx-background-radius: 30;
    -fx-border-width: 1;
    -fx-text-fill: white;
}


#diy-side{
-fx-border-width:1;
-fx-border-color: #6E8BA9;
-fx-background-color:transparent;
-fx-text-fill:#6E8BA9;
}

#diy-side:pressed{
-fx-border-width:1;
-fx-border-color: #D7E3EF;
-fx-background-color:#D7E3EF;
-fx-text-fill:#ffffff;
}

#solid-button {
    -fx-border-color: #716A94;
    -fx-border-radius: 30;
    -fx-border-width: 1;
    -fx-background-color: #716A94;
    -fx-background-radius: 30;
    -fx-text-fill: white;
}

#solid-button:pressed {
    -fx-border-color: #8A85A6;
    -fx-border-radius: 30;
    -fx-background-radius: 30;
    -fx-border-width: 1;
    -fx-background-color: #8A85A6;
    -fx-text-fill: white;
}

#diy-fontColor {
    -fx-text-fill: #716A94;
    -fx-fill: #716A94;
}

#diy-textfield {
    -fx-border-color: #F7F7F7;
    -fx-border-radius: 5;
    -fx-border-width: 1;
    -fx-background-color: #F7F7F7;
    -fx-control-inner-background: #F7F7F7;
    -fx-text-fill: #716A94;
}

#diy-textfield:focused {
    -fx-border-color: #DFDFDF;
    -fx-border-radius: 5;
    -fx-border-width: 1;
    -fx-background-color: #DFDFDF;
    -fx-control-inner-background: #DFDFDF;
}

#diy-textarea {
    -fx-border-color: #F7F7F7;
    -fx-border-radius: 5;
    -fx-border-width: 1;
    -fx-background-color: #F7F7F7;
    -fx-control-inner-background: #F7F7F7;
    -fx-text-fill: #716A94;
}

#diy-textarea:focused {
    -fx-border-color: #FFFFFF;
    -fx-border-radius: 5;
    -fx-border-width: 1;
    -fx-background-color: #FFFFFF;
    -fx-control-inner-background: #FFFFFF;
}

#textfield-error {
    -fx-text-fill: #DF4444;
        -fx-border-color: #F7F7F7;
        -fx-border-radius: 5;
        -fx-border-width: 1;
        -fx-background-color: #F7F7F7;
        -fx-control-inner-background: #F7F7F7;
}

#textfield-warning {
    -fx-background-color: transparent;
    -fx-text-fill: #DAA400;
}

#model-button {
    -fx-font: bold italic 9pt "Arial";
    /*-fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );*/
    -fx-background-color: #5DCCC1;
    -fx-background-radius: 30;
    -fx-text-fill: white;
}

#model-button:pressed {
    -fx-background-color: #00c8b4;
    -fx-text-fill: white;
}

.image-icon {
    -fx-image: url("/drawable/launcher.png");
}

.copyablelabel {
    -fx-background-color: transparent;
}

#diy_radio-button > .radio {
    -fx-padding: 0;
    -fx-border-color: #31B7A6;
    -fx-border-radius: 50;
    -fx-border-width: 1;
    -fx-background-color: transparent;
}

#diy_radio-button:selected > .radio > .dot {
    -fx-background-color: #FE4580;
}

#diy_radio-button:selected > .radio {
    -fx-padding: 0;
    -fx-border-color: #FE4580;
    -fx-border-radius: 50;
    -fx-border-width: 1;
    -fx-background-color: #FE4580;
}

.radio-button > .radio {
    -fx-padding: 0;
    -fx-border-color: #706A96;
    -fx-border-radius: 50;
    -fx-border-width: 1;
    -fx-background-color: transparent;
}

.radio-button:selected > .radio > .dot {
    -fx-background-color: #FE4580;
}

.radio-button:selected > .radio {
    -fx-padding: 0;
    -fx-border-color: #FE4580;
    -fx-border-radius: 50;
    -fx-border-width: 1;
    -fx-background-color: #FE4580;
}

.check-box > .box {
    -fx-padding: 0;
    -fx-border-color: #33CDB5;
    -fx-border-radius: 3;
    -fx-border-width: 2;
    -fx-background-color: transparent;
}

.check-box:selected > .box > .mark {
    -fx-border-radius: 3;
    -fx-color: #FE4580;
}

.check-box:selected > .box {
    -fx-padding: 0;
    -fx-border-color: #FE4580;
    -fx-border-radius: 3;
    -fx-border-width: 2;
    -fx-color: #FE4580;
}


.scroll-pane > .scroll-bar {
    -fx-padding: 0;
    -fx-background-color: #DFDFDF;
}

.scroll-pane > .scroll-bar > .increment-button,
.scroll-pane > .scroll-bar > .decrement-button {
    -fx-background-color: #DFDFDF;
}

.scroll-pane > .scroll-bar > .increment-button > .increment-arrow,
.scroll-pane > .scroll-bar > .decrement-button > .decrement-arrow {
    -fx-background-color: #DFDFDF;
    -fx-text-fill: #DFDFDF;
    -fx-shape: 0;
    -fx-effect: 0;
    -fx-padding: 2;
}

.scroll-pane > .corner {
    -fx-background-color: #DFDFDF;
    -fx-padding: 0;
}

.scroll-pane > .scroll-bar > .thumb {
    -fx-background-color: #716A94;
    -fx-padding: 0;
}
.scroll-pane {
 -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-border-width: 0;
}

#diy-scroll-pane {
 -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-border-width: 0;
      -fx-background-color: transparent;
}

#diy-scroll-pane > .viewport{
      -fx-background-color: transparent;
}



.diy-list-view {
    -fx-background-color: transparent;
    -fx-text-fill: #FFFFFF;
}

.diy-list-cell:focused {
    -fx-background-color: rgba(49, 178, 164, 0.5);
}
.diy-list-cell {
    -fx-background-color: transparent;
    -fx-text-fill: #FFFFFF;
      -fx-padding: 0;
}

.diy-list-view > .virtual-flow > .scroll-bar:horizontal > .thumb,
.diy-list-view > .virtual-flow > .scroll-bar:vertical > .thumb {
    -fx-background-color: #716A94;
    -fx-padding: 0;
}

#diy-titled_pane > .title {
    -fx-padding: 10;
    -fx-background-color: transparent;
}

#diy-titled_pane:focused > .title {
    -fx-padding: 10;
    -fx-background-radius: 0;
    -fx-background-color: rgba(49, 178, 164, 0.5);
}

#diy-titled_pane > .title > .arrow-button > .arrow {
    -fx-background-color: transparent;
    -fx-border-color: #706A96;
    -fx-border-width: 2;
    -fx-padding: 5;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";

}

#diy-titled_pane:focused > .title > .arrow-button > .arrow {
    -fx-background-color: #FF4680;
    -fx-border-color: #FF4680;
    -fx-border-width: 2;
    -fx-padding: 5;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

#diy-titled_pane:hover > .title {
    -fx-padding: 10;
    -fx-background-radius: 0;
    -fx-background-color: rgba(49, 178, 164, 0.5);
}

#diy-titled_pane:expanded > .title {
    -fx-padding: 10;
    -fx-background-radius: 0;
    -fx-background-color: rgba(49, 178, 164, 0.5);
}

#diy-titled_pane > *.content {
    -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-background-color: rgba(49, 178, 164, 0.2);
    -fx-border-width: 0;
}


.titled-pane > *.content {
    -fx-border-width: 0;
    -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-background-color: white;
}

#diy-center_titled_pane {
    -fx-padding: 5;
    -fx-background-color: white;
    -fx-border-color: white;
       -fx-effect: dropshadow( gaussian , #E8E8EA , 10,0.6,0,1 );

}



#diy-center_titled_pane > .title {
    -fx-padding: 5;
    -fx-background-color: white;
}

#diy-center_titled_pane > .title > .arrow-button {
    -fx-padding: 5;
    -fx-background-color: #EAEAEC;
}

#diy-center_titled_pane > .title > .arrow-button > .arrow {
    -fx-background-color: transparent;
    -fx-border-color: #706A96;
    -fx-border-width: 2;
    -fx-padding: 4 8 4 8;
    -fx-shape: "m189.74954,240.47519l18.25134,7.52586l16.50006,-8.00003";
}

#diy-center_titled_pane:focused > .title > .arrow-button > .arrow {
    -fx-background-color: transparent;
    -fx-border-color: #706A96;
    -fx-border-width: 2;
    -fx-padding: 4 8 4 8;
    -fx-shape: "m189.74954,240.47519l18.25134,7.52586l16.50006,-8.00003";
}

#progress-lable {
    /*-fx-text-fill: linear-gradient(to  right,#706b95 10%,#706b95 20%,#706b95 30%,#706b95 40%,#706b95 50%,#00FFFF 60%, #706b95 70%, #706b95 80%);*/
    -fx-text-fill: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(112, 107, 149, 0.5), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment {
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment0 {
    -fx-shape: "M41.98 14.74 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment1 {
    -fx-shape: "M33.75 6.51 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment2 {
    -fx-shape: "M22.49 3.5 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment3 {
    -fx-shape: "M11.24 6.51 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment4 {
    -fx-shape: "M3.01 14.74 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);

}

.progress-indicator:indeterminate .segment5 {
    -fx-shape: "M0.0 26.0 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);

}

.progress-indicator:indeterminate .segment6 {
    -fx-shape: "M3.01 37.25 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment7 {
    -fx-shape: "M11.25 45.48 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment8 {
    -fx-shape: "M22.5 48.5 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}


.progress-indicator:indeterminate .segment9 {
    -fx-shape: "M33.75 45.48 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment10 {
    -fx-shape: "M41.98 37.25 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}

.progress-indicator:indeterminate .segment11 {
    -fx-shape: "M45.0 26.0 a3.5,3.5 0 1,1 0,1 Z";
    -fx-background-color: #4b4290;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 0, 0, 0, 1);
}



#diy-menuBar{
    -fx-background-color: transparent;
}

#diy-menuBar:pressed {
     -fx-background-color: transparent;
}


#diy-menuBar:hover {
      -fx-background-color: transparent;
}


#diy-menuBar > .container > .menu-button > .label{
    -fx-padding: 5 20 5 20;
   -fx-border-color: #716A94;
       -fx-border-radius: 30;
       -fx-border-width: 1;
       -fx-background-color: transparent;
       -fx-text-fill: #716A94;
}

#diy-menuBar > .container > .menu-button > .label:pressed{
    -fx-padding: 5 20 5 20;
   -fx-background-color: #716A94;
      -fx-border-color: #716A94;
      -fx-border-radius: 30;
      -fx-background-radius: 30;
      -fx-border-width: 1;
      -fx-text-fill: white;
}

#diy-menuBar > .container > .menu-button > .label:hover{
    -fx-padding: 5 20 5 20;
   -fx-background-color: #716A94;
        -fx-border-color: #716A94;
        -fx-border-radius: 30;
        -fx-background-radius: 30;
        -fx-border-width: 1;
        -fx-text-fill: white;
}

#diy-menuBar > .container > .menu-button{
    -fx-background-color:transparent;
}


.button:press {
   -fx-background-color:#fdfdfd ;
   -fx-padding: 5 20 5 20;
   -fx-border-width: 30;
   -fx-border-height: 30;
}


.combo-box {

-fx-focus-color:#B5B5B5;
}

.jfx-radio-button {
    -fx-text-fill: #716A94;
    -jfx-selected-color: #FF4680;
    -jfx-unselected-color: #716A94;
}

#jfx-slider-colored{
    -jfx-default-thumb: #716A94;
}

/*******************************************************************************
*                                                                              *
* JFX List View                                                                *
*                                                                              *
*******************************************************************************/

.jfx-list-cell {
    -fx-background-insets: 0.0;
    -fx-text-fill: BLACK;
}

.jfx-list-cell:odd,
.jfx-list-cell:even {
    -fx-background-color: WHITE;
}

.jfx-list-cell:filled:hover,
.jfx-list-cell:selected .label {
    -fx-text-fill: black;
}

.jfx-list-cell .jfx-rippler {
    -jfx-rippler-fill: #5264AE;
}

.jfx-list-cell:odd:selected > .jfx-rippler > StackPane,
.jfx-list-cell:even:selected > .jfx-rippler > StackPane {
    -fx-background-color: rgba(0.0, 0.0, 255.0, 0.2);
}

.custom-jfx-list-view .jfx-list-cell:odd:selected > .jfx-rippler > StackPane,
.custom-jfx-list-view .jfx-list-cell:even:selected > .jfx-rippler > StackPane {
    -fx-background-color: rgba(255, 0, 0, 0.2);
}


.custom-jfx-list-view .jfx-rippler {
    -jfx-rippler-fill: RED;
}

.custom-jfx-list-view1 {
    -jfx-vertical-gap: 10.0;
    -fx-pref-width: 150px;
    -fx-background-color: transparent;
}

.custom-jfx-list-view-icon,
.jfx-list-cell:selected .label .custom-jfx-list-view-icon {
    /*-fx-text-fill: #5264AE;*/
    -fx-fill: #5264AE;
    -fx-padding: 0.0 10.0 0.0 5.0;
    -fx-cursor: hand;
}

.custom-jfx-list-view-icon-container {
    -fx-pref-width: 40px;
}

.custom-jfx-list-view .sublist-item {
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1 0 1 0;
}

.custom-jfx-list-view .jfx-list-cell .sublist-header > .drop-icon {
    -fx-background-color: GRAY;
}

.custom-jfx-list-view .jfx-list-cell:filled:hover .sublist-header > .drop-icon {
    -fx-background-color: BLACK;
}

.split-pane *.split-pane-divider {
    -fx-padding: 0 0 0 0; /* 0 3 0 3 */
}



/*-------------------jfx-tab-pane------------------------------*/
.jfx-tab-pane .tab-header-background {
    -fx-background-color: #ffffff;
}

.jfx-tab-pane .tab-header-area .tab-down-button {
    -fx-background-color: #716A94;
    -fx-min-width: 0.4em;
    -fx-max-width: 0.4em;
    -fx-min-height: 0.9em;
    -fx-max-height: 0.9em;
}

.jfx-tab-pane .tab-header-area .control-buttons-tab .jfx-rippler {
    -jfx-rippler-fill: #716A94;
}

.jfx-tab-pane .tab-header-area .tab-down-button:left {
    -fx-shape: "M 742,-37 90,614 Q 53,651 53,704.5 53,758 90,795 l 652,651 q 37,37 90.5,37 53.5,0 90.5,-37 l 75,-75 q 37,-37 37,-90.5 0,-53.5 -37,-90.5 L 512,704 998,219 q 37,-38 37,-91 0,-53 -37,-90 L 923,-37 Q 886,-74 832.5,-74 779,-74 742,-37 z";

}

.jfx-tab-pane .tab-header-area .tab-down-button:right {
    -fx-shape: "m 1099,704 q 0,-52 -37,-91 L 410,-38 q -37,-37 -90,-37 -53,0 -90,37 l -76,75 q -37,39 -37,91 0,53 37,90 l 486,486 -486,485 q -37,39 -37,91 0,53 37,90 l 76,75 q 36,38 90,38 54,0 90,-38 l 652,-651 q 37,-37 37,-90 z"
}

.jfx-tab-pane .headers-region > .tab-selected-line {
    -fx-pref-width: 1px !important;
    -fx-pref-height: 2px;
}

.jfx-tab-pane .headers-region > .tab > .jfx-rippler {
    -jfx-rippler-fill: #fdfdfd;
}

.jfx-tab-pane .headers-region .tab-selected-line {
    -fx-background-color: #716a94;
}

.jfx-tab-pane .headers-region .tab:closable {
    -fx-border-color: rgba(255, 255, 255, .87);
    -fx-border-width: 0 2 0 0;
    -fx-border-style: dotted;
    -fx-border-insets: 8 0 8 0;
    -fx-padding: 0 8 0 8;
}

.jfx-tab-pane .headers-region .tab .tab-container .tab-label {
    -fx-text-fill: #716a9480;
    -fx-font-weight: normal;
    -fx-padding: 6 10 6 10;
    -fx-font-size: 14;
}

.jfx-tab-pane .headers-region .tab:closable .tab-container .tab-label {
    -fx-padding: 0 8 0 6;
}

.jfx-tab-pane .headers-region .tab:selected .tab-container .tab-label {
    -fx-text-fill: #716A94;
}


/*----------------------------------------------------------*/

/*******************************************************************************
 *                                                                             *
 * Menu                                                                        *
 *                                                                             *
 ******************************************************************************/

.menu {
    -fx-font-size: 13;
    -fx-background-color: transparent;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
}

.menu:disabled {
    -fx-opacity: 0.4;
}

.menu > .right-container > .arrow {
    -fx-padding: 0.458em 0.167em 0.458em 0.167em; /* 4.5 2 4.5 2 */
    -fx-background-color: #716A94;
    -fx-shape: "M0,-4L4,0L0,4Z";
    -fx-scale-shape: false;
}

.menu:focused > .right-container > .arrow {
    -fx-background-color: white;
}

/* This hides the down arrow that would show on a menu placed in a menubar */
.menu-bar > .container > .menu > .arrow-button > .arrow {
    -fx-padding: 0;
    -fx-background-color: transparent;
    -fx-shape: null;
}

.menu-bar > .container > .menu > .arrow-button {
    -fx-padding: 0;
}

.menu-bar {
    -fx-background-color:transparent;
}
/*******************************************************************************
 *                                                                             *
 * MenuBar                                                                     *
 *                                                                             *
 ******************************************************************************/

/*可以改变menu的底
.menu-bar {*/
/*-fx-padding: 0.0em 0.666667em 0.0em 0.666667em; !* 0 8 0 8 *!*/
/*-fx-spacing: 0.166667em; !* 2 *!*/
/*-fx-base: #FFFFFF;*/
/*-fx-background-color: linear-gradient(to bottom, derive(-fx-color,50%), derive(-fx-color,-30%)), -fx-body-color;*/
/*-fx-background-insets: 0, 1 0 1 0;*/
/*-fx-background-radius: 0, 0 ;*/
/*}*/

.menu-bar > .container > .menu-button:hover, .menu-bar > .container > .menu-button:focused, .menu-bar > .container > .menu-button:showing {
    -fx-background-color: rgba(113, 106, 148, 0.75);
}

/*.menu-bar .menu:focused:showing, .menu-bar .menu:showing, .menu-bar .menu:focused, .menu:focused:showing, .menu:showing, .menu:focused {*/
/*.menu-bar .menu-button:showing, .menu-button:showing {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}*/

.menu-bar > .container > .menu-button:hover {
    -fx-background-color: rgba(113, 106, 148, 1);
}

/*******************************************************************************
 *                                                                             *
 * MenuItem                                                                    *
 *                                                                             *
 ******************************************************************************/

.menu-item {

    -fx-background-color: transparent;
    -fx-padding: 0.333333em 0.41777em 0.333333em 0.41777em; /* 4 5 4 5 */
}

.menu-item > .left-container {
    -fx-padding: 0.458em 0.791em 0.458em 0.458em;
}

.menu-item > .graphic-container {
    -fx-padding: 0em 0.333em 0em 0em;
}

.menu-item > .label {
    -fx-padding: 0em 0.5em 0em 0em;
    -fx-text-fill: rgba(113, 106, 148, 1);
}

.menu-item:focused > .label {
    -fx-text-fill: white;
}

.menu-item:disabled > .label {
    -fx-text-fill: rgba(125, 125, 125, 1);
    -fx-opacity: rgba(125, 125, 125, 1);
}

.menu-item:focused {
    -fx-background-color: rgba(113, 106, 148, 1);
}

.menu-item:disabled {
    -fx-background-color: rgba(113, 106, 148, .25);
}

.menu-item > .right-container {
    -fx-padding: 0em 0em 0em 0.5em;
}


.list-view  .scroll-bar {
    -fx-padding: 0;
    -fx-background-color: transparent;
}

.list-view  .scroll-bar  .increment-button,
.list-view  .scroll-bar  .decrement-button {
    -fx-background-color: transparent;
}

.list-view  .scroll-bar  .increment-button  .increment-arrow,
.list-view  .scroll-bar  .decrement-button  .decrement-arrow {
    -fx-background-color: transparent;
    -fx-text-fill: #DFDFDF;
    /*-fx-shape: 0;*/
    /*-fx-effect: 0;*/
    -fx-padding: 2;
}

.list-view  .corner {
    -fx-background-color: #DFDFDF;
    -fx-padding: 0;
}

.list-view  .scroll-bar  .thumb {
    -fx-background-color: #716A94;
    -fx-padding: 0;
}

.list-view {

    -fx-border-color: transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-border-width: 0;
}
/*-------------------jfx-combo-box------------------------------*/
.jfx-combo-box {
    -jfx-focus-color: #716A94;
    -jfx-unfocus-color: #BFC2CF;
}

.jfx-combo-box  .input-line {
    -fx-background-color: -jfx-unfocus-color;
    -fx-pref-height: 2px;
    -fx-translate-y: 0px;
}

.jfx-combo-box  .input-focused-line {
    -fx-background-color: -jfx-focus-color;
    -fx-pref-height: 2px;
}

.jfx-combo-box,
.jfx-combo-box:focused,
.jfx-combo-box:editable,
.jfx-combo-box:editable:focused {
    -fx-background-color: TRANSPARENT, TRANSPARENT, TRANSPARENT, TRANSPARENT;
    -fx-background-radius: 0px;
    -fx-background-insets: 0px;
}

.jfx-combo-box .combo-box-button-container {
    -fx-background-color: TRANSPARENT;
}

.jfx-combo-box  .arrow-button,
.jfx-combo-box:editable  .arrow-button,
.jfx-combo-box:editable:focused > .arrow-button {
    -fx-background-color: TRANSPARENT;
}

.jfx-combo-box:error {
    -jfx-focus-color: #D34336;
    -jfx-unfocus-color: #D34336;
}

.jfx-combo-box .error-label {
    -fx-text-fill: #D34336;
}

.jfx-combo-box .error-icon {
    -fx-fill: #D34336;
}

.jfx-list-cell:odd:selected  .jfx-rippler  .StackPane, .jfx-list-cell:even:selected  .jfx-rippler  .StackPane {
    -fx-background-color: #716A94;
}

.jfx-list-cell:odd:hover  .jfx-rippler  .StackPane, .jfx-list-cell:even:hover  .jfx-rippler  .StackPane {
    -fx-background-color: #716A94;
}

.jfx-list-cell .jfx-rippler {
    -jfx-rippler-fill: rgba(255, 255, 255, 1);
}

.combo-box-popup .list-view .jfx-list-cell:odd,
.combo-box-popup .list-view .jfx-list-cell:even {
    -fx-background-color: #ffffff;
}



